<template>
    <div class="breadcrumb">
        <el-breadcrumb>
            <el-breadcrumb-item>
                <el-icon>
                    <HomeFilled/>
                </el-icon>
            </el-breadcrumb-item>
            <el-breadcrumb-item>
                物资管理
            </el-breadcrumb-item>
            <el-breadcrumb-item>
                物资列表
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="cardBox">
        <div class="card" style="margin-bottom: 5px">
            <GoodsUp/>
        </div>
        <div class="card">
            <GoodsDown/>
        </div>
    </div>

</template>

<script lang='ts' setup>
import { HomeFilled } from '@element-plus/icons-vue'
import GoodsUp from '@/components/Goods/goodsUp.vue'
import GoodsDown from '@/components/Goods/goodsDown.vue'
</script>

<style lang='scss' scoped>
.breadcrumb {
  margin: 15px 0;
}

.card {
  padding: 20px;
  box-shadow: var(--el-box-shadow-light);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--el-border-color);
}
</style>